.sbc-contents {
  width: 100%;
  height: calc(100% - 52px);
  overflow: auto;
  position: absolute !important;
}

.mat-sidenav-container {
  background-color: white !important;
}

.sbc-sidenav-content {
  padding: 10px 15px 10px 25px;
  height: -moz-calc(100% - 20px);
  height: -webkit-calc(100% - 20px);
  height: calc(100% - 20px);
}

mat-sidenav {
  width: 180px;
}

.sbc-sidenav {
  box-shadow: 3px 0 6px rgba(0,0,0,.24);
  background-color: #3caed2;
}

.navbar {
  background-color: #25313e;
  height: 52px;
}

.navbar, .sbc-contents {
  min-width: 1080px;
}

.navbar * {
  display: inline-block;
}

.sifo-logo {
  margin-left: 20px;
}

.zc-title {
  font-size: 26px;
  color: #F8F8F8;
  vertical-align: top;
  line-height: 50px;
}

.quit-btn {
  float: right;
  color: #F8F8F8;
  padding-top: 8px;
}
